//1.引入基础插件
import './assets/js/flexible.js';//引入js插件的过程
//引入vue的框架
import Vue from 'vue';
//引入要显示页面的模块，一会儿显示的首页就是App.vue里面的内容
import VueRouter from 'vue-router';
import App from './App';//注意：引入同一文件夹下的目录也要加./。因为vue文件识别的问题
//引入css的过程
import './assets/css/reset.css';//我们引入的时候可以向上面那样起一个变量名，也可以不起名直接引入。

//2.引入其他的基础页面.vue框架
import takeOut from './components/content/takeOut';
import discover from './components/content/discover';
import order from './components/content/order';
import my from './components/content/my';



Vue.use(VueRouter);

let router = new VueRouter({
	routes: [
		{
			path: '/takeOut',
			component: takeOut
		},
		{
			path: '/discover',
			component: discover
		},
		{
			path: '/order',
			component: order
		},
		{
			path: '/my',
			component: my
		},
		{
			path:'/',
			redirect: '/takeOut'
		}
	]
});
	
	
	
	
	
	
	
//2.实例化vue
new Vue({
	//挂载的位置是app,用到的位置还是app范围
	el:'#app',
	//渲染（显示页面）
	render:h=>h(App),//一会儿显示的首页就是App.vue里面的内容
	router
})

